<template>
       <tap-bar>
      <tap-bar-item path="/index" >

        <img  slot="item-icon" src="../../assets/images/tapbar/trade-assurance_active.svg" alt="" />
        <img  slot="item-icon-active" src="../../assets/images/tapbar/trade-assurance.svg" alt="" />
          <p slot="item-text">首页</p>

      </tap-bar-item>
      <tap-bar-item path="/cart">
        <img  slot="item-icon" src="../../assets/images/tapbar/all_active.svg" alt="" />
        <img  slot="item-icon-active" src="../../assets/images/tapbar/all.svg" alt="" />
<p slot="item-text">分类</p>
        
      </tap-bar-item>
      <tap-bar-item path="/category">
        <img  slot="item-icon" src="../../assets/images/tapbar/buy_active.svg" alt="" />
        <img  slot="item-icon-active" src="../../assets/images/tapbar/buy.svg" alt="" />
<p slot="item-text">购物车</p>
        
      </tap-bar-item>
      <tap-bar-item path="/profiles">
        <img  slot="item-icon" src="../../assets/images/tapbar/user_active.svg" alt="" />
        <img  slot="item-icon-active" src="../../assets/images/tapbar/user.svg" alt="" />
<p slot="item-text">我的</p>
      </tap-bar-item>
   </tap-bar>
</template>



<script>
import TapBar from'./TapBar.vue'
import TapBarItem from'./TapBaritem'

export default {
    components:{
    TapBar,
    TapBarItem, 
    },
    name:"mainTapBar",
}
</script>